@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
body{ color:#666; font-size:14px; font-family:微软雅黑;}
ul, ol{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,code,em,th{ font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% 微软雅黑; vertical-align:middle;}
table,td,tr,th{ font-size:12px;}
.nodispaly{ display:none}
.line{ height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{ color:#666; text-decoration:none;}
a:hover{ color:#181f63; text-decoration:underline;}
.width_all{ width:1200px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*left_nav*/
.left_nav{ position:fixed; width:0px; overflow:visible; margin:88px 0 0 0; z-index:9999;}
.box{ display:inline-block; float:right; clear:both;}
.box a{ font-size:12px; color:#fff; line-height:22px;}
.box a:hover{ color:#fff; text-decoration:none;}
.card{ position:relative; left:32px; padding:8px 32px 8px 64px; margin:8px; x-box-shadow:0 0 8px 0px rgba(0, 0, 0, 0.5); box-shadow:8px 0 8px -8px rgba(0, 0, 0, 0.5); background:#fff; transition:all 0.3s ease-in-out 0.1s;}
.card:hover{ position:relative; left:100%; margin-left:-32px; box-shadow:0 -8px 8px -8px rgba(0, 0, 0, 0.5), 0 8px 8px -8px rgba(0, 0, 0, 0.5); transition:all 0.3s ease-in-out;}
.card:hover font{ display:none;}
.card-content{ color:#fff; font-size:12px; white-space:nowrap;}
.card font{ position:absolute; right:0; font-size:20px; color:#fff; padding:0 8px 0 0;}
.bg-01{ background:#181f63;}
.bg-02{ background:#181f63;}
.bg-03{ background:#181f63;}
.bg-04{ background:#181f63;}

/*head_top*/
.head_top{ margin:26px auto;}
.head_top .logo{ width:362px; float:left;}
.head_top .logo img{ width:100%;}
.head_top .rexian{ float:left; margin:0 0 0 15%; background:url(../images/rexian.png) left center no-repeat; font-size:18px; color:#666; line-height:25px; padding:0 0 0 56px;}
.head_top .rexian span{ font-size:24px; color:#181f63; display:block; font-weight:bold; margin:6px 0 0 0;}
.head_top .hed_right{ float:right; margin:0 0 0 0; width:261px;}
.head_top .search_pc{ width:261px; height:28px; background:url(../images/search.jpg) left top no-repeat;}
.head_top .search_pc .search{ float:left; padding:0 0 0 11px; width:200px; line-height:28px; border:0; color:#666; background:none; outline:none;}
.head_top .search_pc .button{ float:right; border:0; width:50px; height:28px; background:none; cursor:pointer; outline:none;}
.head_top .sear_gjz{ margin:4px 0 0 0; font-size:12px; color:#666; line-height:18px;}
.head_top .sear_gjz font{ font-weight:bold;}

/*nav*/
.nav{ margin:0 auto; background:url(../images/menu_logo.png) center no-repeat;}
.nav .nav_left{ float:left; width:46%; font-size:14px; line-height:50px; text-align:center;}
.nav .nav_left img{ width:23px; height:24px; margin:15px 10px 15px 0;}
.nav .nav_left a{ color:#fff; display:block;}
.nav .nav_left a:hover{ text-decoration:none;}
.nav .nav_right{ float:right; width:46%; font-size:14px; line-height:50px; text-align:center;}
.nav .nav_right img{ width:23px; height:24px; margin:15px 0 15px 10px;}
.nav .nav_right a{ color:#fff; display:block;}
.nav .nav_right a:hover{ text-decoration:none;}

/*content*/
.content{ margin:48px auto 32px auto;}
.content .content_name{ background:#f0f0f0; font-size:15px; color:#525252; line-height:24px; padding:14px 0 14px 16px; font-weight:bold; margin:0 0 28px 0;}
.products{ width:100%; margin:0;}
.products li{ float:left; width:23.5%; margin:0 2% 2% 0;}
.products li:nth-child(4n){ margin:0 0 2% 0;}
.products li a img{ width:100%;}
.products li a{ border:#dfdfdf 1px solid; display:block; text-align:center; transition:all .3s;}
.products li a:hover{ text-decoration:none; box-shadow:0 4px 10px #dfdfdf; transform:translateY(-4px);}
.products li em{ display:block; font-size:14px; line-height:25px; padding:8px 0;}

/*fotter*/
.fotter{ background:#f5f5f5; margin:32px auto 0 auto; line-height:20px; color:#888; text-align:center; font-size:14px; padding:14px 0;}
.fotter a{ color:#888;}

/*product*/
.content .texttitle{ margin:30px auto; border:1px solid #e7e6e6; height:48px; padding:0 18px;}
.content .texttitle .newslist_title{ font-size:20px; color:#181f63; width:auto; overflow:hidden; line-height:48px; float:left;}
.content .texttitle .location{ float:right; line-height:48px; font-size:14px; color:#929090;}
.content .texttitle .location a{ color:#929090;}
.content .texttitle .location a:hover{ color:#181f63; text-decoration:none;}

.product_width{ width:100%; margin:0 auto 30px auto; overflow:hidden;}
.product_left{ float:left; width:528px; border:#eee 1px solid;}
.product_left img{ width:100%;}

div.jqZoomTitle{ z-index:5000; text-align:center; font-size:12px; height:20px; padding-top:2px; position:absolute; top:0px; left:0px; width:100%; color:#666; background:#f0f0f0;}
.jqZoomPup{	overflow:hidden; background-color:#fff;	-moz-opacity:0.6; opacity:0.6; filter:alpha(opacity = 60); z-index:10; border-color:#f0f0f0; border-style:solid; cursor:crosshair;}
.jqZoomPup img{	border:0px;}
.preload{ -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity = 80); color:#333; font-size:12px; text-decoration:none; border:1px solid #f0f0f0; padding:8px; text-align:center; background:#fff url(../images/zoomloader.gif) 43px 30px no-repeat; width:90px; *width:100px; height:43px; *height:55px; z-index:10; position:absolute; top:3px; left:3px;}
.jqZoomWindow{	border:1px solid #f0f0f0; background:#fff;}

.product_right{ float:right; width:628px;}
.product_right .name1{ border-bottom:#eee 1px solid; font-size:14px; color:#525252; line-height:25px; font-weight:bold; padding:8px 0;}
.product_right .name1 span{ color:#888; width:88px; display:inline-block;}
.product_right .name2{ border-bottom:#eee 1px solid; font-size:14px; color:#525252; line-height:25px; font-weight:bold; padding:8px 0;}
.product_right .name2 span{ color:#888; width:88px; display:inline-block;}

.pro_xiangguan{ margin:30px auto 12px auto; overflow:hidden; background:#f4f4f4; line-height:30px; border-bottom:#ddd 1px solid; font-size:16px; color:#333;}
.pro_xiangguan i{ width:4px; height:15px; background:#181f63; float:left; margin:8px 10px 0 8px;}
.pro_xgcp{ margin:12px auto 0 auto; overflow:hidden;}
.pro_xgcp ul{ overflow:hidden;}
.pro_xgcp ul li{ float:left; width:23.5%; margin:0 2% 0 0;}
.pro_xgcp ul li:nth-child(4n){ margin:0;}
.pro_xgcp ul li span{ border:#ddd 1px solid; padding:2px; display:block;}
.pro_xgcp ul li:hover span{ border:#181f63 1px solid;}
.pro_xgcp ul li img{ width:100%;}
.pro_xgcp ul li em{ display:block; text-align:center; font-size:14px; line-height:25px; margin:3px 0 0 0;}
.pro_xgcp ul li a{ color:#666;}
.pro_xgcp ul li a:hover{ text-decoration:none; color:#181f63;}